<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ page language="java" contentType="text/xml; charset=UTF-8" pageEncoding="UTF-8"%>

<page title="Home" 
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"      
      xsi:noNamespaceSchemaLocation="http://www.netbiscuits.com/schema/netbiscuits-tactile.xsd">
      
<layout>	
 
	<c:forEach items="${listFeed}" var="feed" varStatus="status">
		<c:set var="separator" value="${(status.index + 1) * 4}" scope="page"/>																										
					    				    				    				    				   
	    
	    <flexview 				 					
				width="parent.width" 
				height="190" 					
				flexflow="horizontal"
				flexdimension="width"
				flexitems-gap="5"
				flexitems-width="180"
				flexitems-height="180"			
				scroll="horizontal"
				position="absolute"
				top="((${status.index} + 1)*20) + (${status.index}*190) + ${separator}"
				left="0">
				
				<c:forEach items="${feed.listNews}" var="news" varStatus="loop">	
					<item id="${news.id}">
						<group class="news">
							<IMAGE class="img">
								<img convert="false" format="JPG" src="${news.image}"/>
							</IMAGE>
							<TEXT class="transbox">																
								<richtext><c:out value="${news.title}"/></richtext>
							</TEXT>
						</group>	
					</item>							
				</c:forEach>																					
		</flexview>	
																		
	</c:forEach>	
						
</layout>      
      
</page>	